﻿<%@ Page Title="" Language="C#" MasterPageFile="~/master.Master" AutoEventWireup="true" CodeBehind="basket.aspx.cs" Inherits="Hotel2.basket" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link rel="stylesheet" type="text/css" href="css/gold.css" media="screen">
    <link rel="stylesheet" type="text/css" href="css/payments.css" media="screen">
    <script type="text/javascript" src="js/tabber.js"></script>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

        <div class="content">
		<div class="article">
			<div class="ArticleContent">
				<h1>Basket</h1>
                <div class="tabbedPanel">
				    <div class="tabber">
                         <div class="tabbertab">
	                      <h2>Billing Information</h2>
                            
                            <table>
                                <tr>
                                    <th>Address</th>
                                    <th><asp:TextBox ID="TextBox5" runat="server"></asp:TextBox></th>
                                    <th>
                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                                            ControlToValidate="TextBox5" ErrorMessage="Must Enter Address!"></asp:RequiredFieldValidator>
                                    </th>
                                </tr>

                                <tr>
                                    <th>City</th>
                                    <th><asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></th>
                                    <th>
                                         <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                                            ControlToValidate="TextBox2" ErrorMessage="Must Enter City!"></asp:RequiredFieldValidator>
                                    </th>
                                </tr>
                                
                                <tr>
                                    <th>Post Code</th>
                                    <th><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></th>
                                    <th>
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
                                            ControlToValidate="TextBox1" ErrorMessage="Must Enter a Post Code!"></asp:RequiredFieldValidator>
                                    </th>
                                </tr>

                                <tr>
                                    <th>Country</th>
                                    <th><asp:TextBox ID="TextBox3" runat="server"></asp:TextBox></th>
                                    <th>
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" 
                                            ControlToValidate="TextBox3" ErrorMessage="Must Enter a Country!"></asp:RequiredFieldValidator>
                                    </th>
                                </tr>

                                <tr>
                                    <th>Payment Method</th>
                                    <th>
                                        <asp:DropDownList ID="DropDownList1" runat="server">
                                            <asp:ListItem>Visa</asp:ListItem>
                                            <asp:ListItem>MasterCard</asp:ListItem>
                                            <asp:ListItem>PayPal</asp:ListItem>
                                            <asp:ListItem>Google Checkout</asp:ListItem>
                                        </asp:DropDownList>
                                    </th>
                                </tr>

                                <tr>
                                    <th>Card Number</th>
                                    <th><asp:TextBox ID="TextBox9" runat="server"></asp:TextBox></th>
                                    <th>
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator12" runat="server" 
                                            ControlToValidate="TextBox9" ErrorMessage="Must Enter a Valid Card Number!"></asp:RequiredFieldValidator>
                                    </th>
                                </tr>

                                <tr>
                                    <th>Security Code (3 Digits)</th>
                                    <th><asp:TextBox ID="TextBox10" runat="server"></asp:TextBox></th>
                                    <th>
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator11" runat="server" 
                                            ControlToValidate="TextBox10" ErrorMessage="Must Enter a Valid Security Code!"></asp:RequiredFieldValidator>
                                    </th>
                                </tr>

                                <tr>
                                    <th>Expiration Date (MM/YY)</th>
                                    <th><asp:TextBox ID="TextBox11" runat="server"></asp:TextBox></th>
                                    <th>
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" 
                                            ControlToValidate="TextBox11" ErrorMessage="Must Enter a Expiration Date!"></asp:RequiredFieldValidator>
                                    </th>
                                </tr>

                                <tr>
                                    <th>Name on Card</th>
                                    <th><asp:TextBox ID="TextBox12" runat="server"></asp:TextBox></th>
                                    <th>
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" 
                                            ControlToValidate="TextBox12" ErrorMessage="Must Enter the Name of the person on the Card!"></asp:RequiredFieldValidator>
                                    </th>
                                </tr>

                            </table>
                         </div>

                         <div class="tabbertab">
	                      <h2>Shipping Information</h2>
                            <table>
                                <tr>
                                    <th>Address</th>
                                    <th><asp:TextBox ID="TextBox4" runat="server"></asp:TextBox></th>
                                    <th>
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" 
                                            ControlToValidate="TextBox4" ErrorMessage="Must Enter an Address!"></asp:RequiredFieldValidator>
                                    </th>
                                </tr>

                                <tr>
                                    <th>City</th>
                                    <th><asp:TextBox ID="TextBox6" runat="server"></asp:TextBox></th>
                                    <th>
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" 
                                            ControlToValidate="TextBox6" ErrorMessage="Must Enter a City!"></asp:RequiredFieldValidator>
                                    </th>
                                </tr>
                                
                                <tr>
                                    <th>Post Code</th>
                                    <th><asp:TextBox ID="TextBox7" runat="server"></asp:TextBox></th>
                                    <th>
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator9" runat="server" 
                                            ControlToValidate="TextBox7" ErrorMessage="Must Enter a Post Code!"></asp:RequiredFieldValidator>
                                    </th>
                                </tr>

                                <tr>
                                    <th>Country</th>
                                    <th><asp:TextBox ID="TextBox8" runat="server"></asp:TextBox></th>
                                    <th>
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator10" runat="server" 
                                            ControlToValidate="TextBox8" ErrorMessage="Must Enter a Country!"></asp:RequiredFieldValidator>
                                    </th>
                                </tr>
                            </table>
                         </div>

                         <div class="tabbertab">
	                      <h2>Summary</h2>
	                                                  <table>
                                <tr>
                                    <th>Items Ordered</th>
                                    <th>Quantity</th>
                                    <th>Rrice per Ticket</th>
                                    <th>Rrice</th>
                                </tr>

                                <tr>
                                    <th>Event #1</th>
                                    <th>4</th>
                                    <th>£50</th>
                                    <th>£200</th>
                                </tr>
                                
                                <tr>
                                    <th>Event #2</th>
                                    <th>1</th>
                                    <th>£50</th>
                                    <th>£50</th>
                                </tr>

                                <tr>
                                    <th>Event #6</th>
                                    <th>5</th>
                                    <th>£25</th>
                                    <th>£125</th>
                                </tr>

                            </table>
                         </div>

                         <div class="tabbertab">
	                      <h2>Checkout</h2>
	                      <p>Total Amount:</p>
                          <p>£375</p>
                          <p>Are you sure you want to pay?</p>
                             <asp:Button ID="Button1" runat="server" onclick="paymentMade" Text="Pay" />


                             <asp:ValidationSummary ID="ValidationSummary1" runat="server" />


                         </div>
                    </div>
                </div>
			</div>
		
		</div>
				
	</div>

</asp:Content>
